<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>GloBox</title>
        
        <!-- Bootstrap core CSS -->
        <link href="#{resource['css/bootstrap.css']}" rel="stylesheet"></link>
        <link href="#{resource['css/jumbotron-narrow.css']}" rel="stylesheet"></link>
    </h:head>
    <h:body>
        
     <div class="container">
      <div class="header">
        <ul class="nav nav-pills pull-right">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Teatros</a></li>
          <li><a href="#">About</a></li>
        </ul>
        <h3 class="text-muted">GloBox</h3>
      </div>

      <div class="jumbotron">
        <h1>Um vasto mundo de teatros!</h1>
        <p class="lead">#{principal.name}</p>
        <p><a class="btn btn-lg btn-success" href="#">Ver Lista</a></p>
      </div>



      <div class="footer">
        <p>&copy; Grupo ----</p>
      </div>

    </div> <!-- /container -->

        
    </h:body>
</html>

